<template>
    <div class="app" >
        <header-vue></header-vue>
        <router-view v-if="isRouterAlive"></router-view>
        <!--<model-vue></model-vue>-->
        <footer-vue></footer-vue>
    </div>
</template>

<script>
    // import Model from "./model.vue"
    export default {
        name: "app",
        components: {},
        provide(){
          return {
              reload: this.reload
          }
        },
        data(){
          return{
              isRouterAlive:true
          }
        },
        methods:{
            reload(){
                this.isRouterAlive=false
                this.$nextTick(function () {
                    this.isRouterAlive=true
                })
            }
        }
    }
</script>

<style scoped>
    .app{
        width: 100%;
        overflow: hidden;
    }
    @media (max-width: 576px) {
        .app{
        width: 100%!important;
    }
    }
    @media (max-width: 749px) {
        .app{
            width: 11.9rem;
        }
    }
</style>
